#tcBtn {
  display: none;
}

.one-min-height {
  min-height: 695px;
}

.one-border-level1 {
  border: 1px solid #61D800;
}

.one-border-level2 {
  border: 1px solid #CCB21A;
}

.one-border-level3 {
  border: 1px solid #F5A623;
}

.one-border-level4 {
  border: 1px solid #F12F1C;
}

.one-border-level5 {
  border: 1px solid #9C0D71;
}

.one-border-level6 {
  border: 1px solid #630445;
}

.one-border-level7 {
  border: 1px solid #9B9B9B;
  top: 7px;
}

.one-bg-level-default {
  background: #79A9F1;
}

.one-map-peach-detail {
  background: #FFF;
  color: #333;
}

/*直观普通样式*/
.one-peach-intuition {
  position: absolute;
  left: 10px;
  bottom: 150px;
}

.one-peach-intuition:hover li:nth-child(2) {
  left: 42px;
  border: 2px solid #79A9F1;
}

.one-peach-intuition > li {
  position: absolute;
  width: 42px;
  text-align: center;
  height: 32px;
  color: #fff;
  background: #4188f3;
  border-radius: 2px;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
  cursor: pointer;
  border: 2px solid transparent;
  z-index: 11;
  line-height: 30px;
}

.one-peach-intuition > li:nth-child(2) {
  left: 6px;
  border: 2px solid #2E5DA4;
  z-index: 10;
}

.one-peach-intuition > li.active {
  /*border:2px solid #79A9F1;*/
}

/*直观地图中的名称显示*/
.one-peach-site-label-name {
  position: absolute;
  background: rgba(255, 255, 255, .8);
  color: #333;
  padding: 0 10px;
  line-height: 25px;
  left: 45px;
  z-index: 1;
  border-radius: 3px;
  display: none;
  border-left: 0;
  top: 8px;
}

.one-map-peach-container {
  background-color: #F5F3F0 !important;
  min-height: 600px;
}

/**
*地图缩放
*/
.one-map-zoom {
  position: absolute;
  bottom: 40px;
  left: 10px;
  width: 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #666;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  cursor: pointer;
  background: #fff;
}

.one-map-zoom > li {
  width: 32px;
  height: 32px;
}

.one-map-zoom > li:first-child {
  border-bottom: 1px solid #4188F3;
}

/**
*站点详情
*/
.one-peach-site-detail {
  position: absolute;
  top: 10px;
  bottom: 10px;
  width: 300px;
  right: 20px;
  z-index: 10;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

.one-peach-site-header {
  /*height: 335px;*/
  position: absolute;
}

.one-peach-site-name {
  position: relative;
  padding: 10px;
  width: 100%;
}

.one-peach-site-toggle {
  float: right;
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #4188F3;
  border-radius: 50%;
  cursor: pointer;
}
.one-peach-site-toggle:before{
  content: '';
  position: absolute;
  top:7px;
  left: 7px;
  width: 10px;
  height: 10px;
  background: url("peachImg/icon-toggle-small.png") no-repeat;
}

.one-peach-site-toggle-large {
  position: absolute;
  left: 0;
  width: 64px;
  height: 64px;
  display: inline-block;
  background-color: #4188F3;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  top: 0;
}
.one-peach-site-toggle-large:before{
  content: '';
  position: absolute;
  top: 21px;
  left: 21px;
  width: 20px;
  height: 20px;
  background: url("peachImg/icon-toggle-big.png") no-repeat;
}


.one-peach-site-name > span:first-child {
  display: inline-block;
  font-size: 18px;
}

.one-peach-site-name:after {
  content: '';
  display: table;
  clear: both;
}

/**
* 排名
*/
.one-peach-ranking {
  position: absolute;
  top: 310px;
  bottom: 10px;
  background: #fff;
  width: 300px;
  z-index: 100;
  padding: 10px;
}

.one-peach-ranking-header {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}

.one-peach-ranking-border {
  border: 1px solid #E5E5E4;
}

.one-peach-ranking-body {
  padding-top: 10px;
  margin: 0 -10px;
}

.one-peach-ranking-list {
  padding-top: 10px;
  color: #666;
}

.one-peach-list-body {
  overflow-y: auto;
  position: absolute;
  top: 90px;
  bottom: 10px;
  right: 10px;
  left: 10px;
}

.one-peach-list-body > .list-inline {
  margin-left: 0;
  padding-bottom: 8px;
  border-bottom: 1px dashed #aaa4a4;
  margin-bottom: 8px;
}

.one-peach-list-header > .list-inline {
  margin-left: 0;
}

.one-peach-list-body > .list-inline > li {
  vertical-align: middle;
  padding: 3px;
}

.one-peach-list-header .one-peach-list-ranking {
  padding: 0;
  color: #666;
}

.one-peach-list-factor {
  position: relative;
  width: 99px;
}

.one-peach-list-factor > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.one-peach-list-factor > span:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 9px;
  background: url("peachImg/Rectangle34.png") no-repeat;
  margin-left: 3px;
}

.one-peach-list-factor.active > span:after {
  background: url("peachImg/Rectangle33.png") no-repeat;
}

.one-peach-list-ranking {
  padding: 3px;
  width: 30px;
  border-radius: 2px;
  text-align: center;
  color: #fff;
}

.one-peach-list-name {
  width: 90px;
  cursor: pointer;
}

.one-peach-list-progress {
  width: 90px;
}

.one-peach-list-progress > span {
  display: inline-block;
  border-radius: 4px;
  height: 8px;
}

.one-peach-list-value {
  /*width: 37px;*/
  text-align: right;
}

/**
*各个站点占比
 */
.one-peach-count-chart {
  /*position: absolute;*/
  /*top: 20px;*/
  /*right: 15px;*/
  background: #fff;
  width: 300px;
  z-index: 100;
  padding: 10px;
  /*box-shadow: 0 2px 10px rgba(0,0,0,.5);*/
}

/**
*路况
 */
.maplibTc {
  top: 105px;
}

.maplibTcClose {
  display: none;
}

/**
* 搜索及各种工具
*/
.one-peach-detail {
  width: 360px;
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 15px;
}

.one-peach-search {
  margin-bottom: 10px;
}

.one-peach-search .form-control {
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.one-peach-search .form-control:focus {
  border: 1px solid #79A9F1;
}

.one-peach-search > .one-peach-dropdown-menu {
  cursor: pointer;
  min-height: 30px;
  max-height: 300px;
  overflow: auto;
  display: none;
  padding: 0;
}

.one-peach-search > .one-peach-dropdown-menu > li {
  padding: 3px 10px;
  cursor: pointer;
  color: #333;
}

.one-peach-search > .one-peach-dropdown-menu > li.active {
  background: #79A9F1;
  color: #fff;
}

.one-peach-dropdown-container {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  border-radius: 2px;
}

.one-peach-dropdown {
  list-style: none;
  margin-left: 0;
  color: #666;
}

.one-peach-dropdown > li {
  position: relative;
  float: left;
  background: #fff;
  color: #666;
  width: 25%;
  padding: 5px 0;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}

.one-peach-tool > li {
  width: 33%;
}

.one-peach-tool > li:first-child {
  width: 34%;
}

.one-peach-dropdown > li:hover {
  background: #79A9F1;
  color: #fff;
}

.one-peach-dropdown > li.active {
  background: #4188F3;
  color: #fff;
}

.one-peach-dropdown > li:not(:last-child):after {
  content: "";
  border-left: 1px solid #79A9F1;
  height: 20px;
}

.one-peach-dropdown > li > label {
  width: 100%;
  cursor: pointer;
}

.one-peach-dropdown > li > span {
  display: inline-block;
  width: 94%;
}

.one-peach-dropdown > li.one-drop > span:first-child:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 9px;
  background: url("peachImg/Rectangle34.png") no-repeat;
  margin-left: 3px;
}

.one-peach-dropdown > li.one-drop:hover > span:first-child:after {
  background: url("peachImg/Rectangle32.png") no-repeat;
}

.one-peach-dropdown > li.active > span:after {
  background: url("peachImg/Rectangle31.png") no-repeat;
}

.one-peach-dropdown-menu {
  position: absolute;
  top: 35px;
  right: 0;
  display: none;
  width: 100%;
  padding: 0 3px 0 5px;
  text-align: left;
  color: #333;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  background: #fff;
  border-radius: 2px;
  border: 1px solid #aaa4a4;
  z-index: 10;
}

.one-peach-dropdown-menu:before {
  content: '';
  position: absolute;
  right: 0;
  top: -9px;
  width: 100%;
  height: 10px;
}

.one-peach-dropdown-menu li {
  cursor: pointer;
}

.one-peach-dropdown-menu li > label {
  width: 100%;
  cursor: pointer;
}

.one-peach-triangle {
  display: block;
  position: absolute;
  top: -16px;
  right: 15px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #aaa4a4;
  z-index: 10;
}

.one-peach-triangle:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -7px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom: 7px solid #fff;
}

/**
* 清除浮动带来的影响
 */
.one-peach-dropdown:after {
  content: "";
  display: table;
  clear: both;
}

/**
*风力风向
 */
.one-map-peach-wind {
  position: absolute;
  top: 11px;
  left: 19px;
  display: inline-block;
  width: 14px;
  height: 21px;
  background: url("./peachImg/ico-wind.png") no-repeat;
  transform-origin: center;
}

/**
*弹出框
 */
.one-peach-info {
  background: #fff;
  border-radius: 2px;
  width: 380px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

.one-peach-info:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  right: 47.8%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 10;
}

.one-peach-info:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -24px;
  right: 47.4%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 12px solid #aaa4a4;
}

.one-peach-info-header {
  background: #79A9F1;
  padding: 10px;
  color: #fff;
}

.one-peach-info-body {
  padding: 10px;
}

.one-peach-info-content-header {
  margin-bottom: 10px;
}

.one-peach-info-content-header > span {
  display: inline-block;
  margin-right: 4px;
  padding: 0;
}

.one-peach-info-content-header > span.text-center {
  width: 80px;
}

.one-peach-info-alert {
  float: right;
  width: 20px;
  height: 20px;
  background: url("./peachImg/ico-alert.png") no-repeat;
  cursor: pointer;
  position: relative;
}

.one-peach-info-alert > .label-warning {
  position: absolute;
  top: -3px;
  right: -10px;
  width: 20px;
  height: 20px;
  font-size: 9px;
  font-style: normal;
  border-radius: 50%;
  line-height: 16px;
  padding: 0 2px;
  text-align: center;
}

.one-peach-info-content-header:after {
  content: '';
  display: table;
  clear: both;
}

.one-peach-info-content {
  padding-bottom: 10px;
  border-bottom: 2px solid #79A9F1;
}

.one-peach-content-factor li {
  width: 15.5%;
  text-align: center;
}

.one-peach-content-factor li > div {
  margin-bottom: 2px;
  position: relative;
}

.one-peach-content-factor li span:first-child {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 3px;
  vertical-align: top;
  margin-top: 6px;
}

.one-peach-content-factor li span:last-child {
  display: inline-block;
  margin-left: 12px;
  overflow: hidden;
}

.one-peach-content-device li {
  width: 24%;
  text-align: center;
}

.one-peach-content-device li > div {
  margin-bottom: 2px;
  position: relative;
}

.one-peach-content-device li span:last-child {
  display: inline-block;
  overflow: hidden;
}

.one-peach-content-weather {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}

.one-peach-content-lampblack li {
  text-align: center;
}

.one-peach-content-lampblack li > div {
  margin-bottom: 2px;
  position: relative;
}

.one-peach-content-lampblack li span:last-child {
  display: inline-block;
  overflow: hidden;
}

/**
*按钮
*/
.one-peach-ranking-btn {
  border: 1px solid #aaa4a4;
  border-radius: 20px;
  width: 200px;
  margin: 0 auto 0;
  padding: 2px 2px 2px 3px;
}

.one-peach-ranking-btn .btn {
  border-radius: 16px;
  color: #333;
  border: none;
  background: #fff;
  width: 94px;
  padding: 3px;
}

.one-peach-ranking-btn .btn.active {
  background: #79A9F1;
  color: #fff;
}

/**
*日期
*/
.one-peach-track-date {
  position: relative;
  /*top: 5px;*/
  width: 280px;
  /*left: 38px*/
}

.one-peach-track-date input:focus {
  border: 1px solid #79A9F1;
}

/**
*车辆信息
*/
.one-peach-car-header {
  padding-bottom: 5px;
  border-bottom: 1px solid #aaa4a4;
  margin: 0 10px;
}

.one-peach-car-header .one-peach-list-name {
  width: 40%;
  padding-left: 10px;
}

.one-peach-car-header .one-peach-list-factor {
  width: 45%;
  padding-left: 20px;
}

.one-peach-car-body {
  position: absolute;
  top: 460px;
  bottom: 46px;
  left: 10px;
  right: 10px;
  border-bottom: 1px solid #aaa4a4;
  overflow: auto;
}

.one-peach-car-body .list-unstyled > li {
  margin-bottom: 5px;
}

.one-peach-car-body .list-unstyled > li:first-child {
  margin-top: 5px;
}

.one-peach-car-body .list-unstyled > li > label {
  width: 100%;
}

.one-peach-car-checkbox {
  display: inline-block;
  width: 40%;
  padding-left: 20px;
}

.one-peach-car-state-off {
  display: inline-block;
  width: 45%;
}

.one-peach-car-body .one-peach-car-state-on:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #79A9F1;
  margin-right: 3px;
}

.one-peach-car-body .one-peach-car-state-off:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #AAA4A4;
  margin-right: 3px;
}

.one-peach-car-body .one-check-box-green {
  margin: 0 5px 0 10px;
}

.one-peach-car-progress {
  display: inline-block;
  background: #aaa4a4;
  height: 6px;
  width: 27%;
  border-radius: 3px;
}

.one-peach-car-name {
  display: inline-block;
  width: 55%;
  text-align: left;
  padding-left: 25px;
}

.one-peach-car-play {
  width: 14%;
  display: inline-block;
  text-align: center;
}

.one-peach-ranking-state {
  position: absolute;
  bottom: 10px;
  left: 15px;
}

/**
*城市排名
*/
.one-peach-site-ranking-detail li {
  width: 49%;
  padding: 10px;
  text-align: center;
}

.one-peach-site-ranking-detail li :first-child {
  font-size: 18px;
}

.one-peach-site-AQI {
  padding: 15px;
}

.one-peach-site-ranking-title {
  padding-bottom: 10px;
}

/**
*污染因子
*/
.one-peach-factor {
  position: absolute;
  top: 200px;
  right: 20px;
}

.one-peach-factor > .btn {
  color: #333;
  float: none;
  display: block;
  border-radius: 0;
  background: rgba(255, 255, 255, .9);
  border: none;
  padding: 6px;
}

.one-peach-factor > .btn:hover {
  background: #79A9F1;
}

.one-peach-factor > .btn:first-child {
  margin-left: -1px;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.one-map-factor > .btn:last-child {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.one-peach-factor > .btn.btn-default.active {
  color: #fff;
  background: #4188F3;
}

/**
*点位类型图例
*/
.one-peach-factorLegend {
  position: absolute;
  right: 330px;
  bottom: 10px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  padding: 5px 10px;
  color: #666;
}

.one-peach-factorLegend li > span {
  display: inline-block;
  padding-bottom: 5px;
}

.one-peach-factorLegend li > span:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
  background: url("./peachImg/icon-cement-tanker.png") no-repeat;
}

.one-peach-factorLegend li > span.one-icon-nationalSite:before {
  background: url("./peachImg/icon-nation.png") no-repeat;
}

.one-peach-factorLegend li > span.one-icon-cityAirSite:before {
  background: url("./peachImg/icon-province.png") no-repeat;
}

.one-peach-factorLegend li > span.one-icon-smallAirSite:before {
  background: url("./peachImg/icon-smallair.png") no-repeat;
}

.one-peach-factorLegend li > span.one-icon-raiseDustNewSite:before {
  background: url("./peachImg/icon-raisedust.png") no-repeat;
}

.one-peach-factorLegend li > span.one-icon-industrySite:before {
  background: url("./peachImg/icon-industry.png") no-repeat;
}

/**
*污染因子图例
*/
.one-pollute-factor-legend {
  position: absolute;
  right: -65px;
  bottom: 10px;
  background: #fff;
  z-index: 100;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  overflow: hidden;
  -webkit-transition: right .3s;
  -moz-transition: right .3s;
  -ms-transition: right .3s;
  -o-transition: right .3s;
  transition: right .3s;
}

.one-pollute-factor-legend:hover {
  right: 10px;
}

.one-pollute-factor-legend .list-unstyled li {
  padding: 5px 10px;
  margin-bottom: 0;
  height: 40px;
  width: 80px;
  vertical-align: middle;
  line-height: 15px;
}

/*时间线*/
.one-time-line {
  position: absolute;
  width: 100%;
  z-index: 1;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  padding: 10px;
}

.one-time-play {
  display: inline-block;
  background: #FFF;
  border-radius: 3px;
  width: 30px;
  font-size: 23px;
  cursor: pointer;
}

.one-peach-time-play {
  display: inline-block;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  border-left: 5px solid #4188f3;
}

.one-peach-time-pause {
  display: inline-block;
  height: 12px;
}

.one-peach-time-pause:before {
  content: "||";
  display: inline-block;
  height: 12px;
}

.one-time-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  margin: 0 3px;
  cursor: pointer;
}

.one-time-item.active {
  background: #48ab5d;
}

/**
* 警告框
*/
.one-peach-info-alert-content {
  position: absolute;
  top: 50px;
  background: #fff;
  right: -350px;
  width: 360px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  padding: 20px;
  display: none;
  max-height: 300px;
  overflow: auto;
}

.one-peach-info-alert-detail {
  list-style: none;
  font-size: 12px;
}

.one-peach-info-alert-detail li {
  margin-bottom: 10px;
  position: relative;
  padding: 0 10px;
  cursor: pointer;
}

.one-peach-info-alert-detail li:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b9b9b9;
  left: -3px;
  top: 4px;
}

.one-peach-info-alert-detail li.real:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E1A74E;
  left: -3px;
  top: 4px;
}

.one-peach-info-loadmore {
  padding: 0 5px;
  margin: 0 auto;
  background: #fff;
}

/**
*渣土车专题
*/
.one-peach-list-car {
  position: absolute;
  left: 0;
  top: 55px;
  bottom: 10px;
  width: 300px;
  padding: 10px;
  margin-top: 10px;
  background: #fff;
  -webkit-transition: left .5s, width .5s;
  -moz-transition: left .5s, width .5s;
  -ms-transition: left .5s, width .5s;
  -o-transition: left .5s, width .5s;
  transition: left .5s, width .5s;
}

/*.one-peach-list-car:hover .list-inline>li:nth-child(n+3){*/
/*display: block;*/
/*}*/
/*.one-peach-list-car:hover .list-inline>li{*/
/*width:10%;*/
/*}*/
/*.one-peach-list-car:hover .list-inline>li:first-child{*/
/*width:17%;*/
/*}*/
/*.one-peach-list-car:hover .list-inline>li.large{*/
/*width:40%;*/
/*}*/
/*.one-peach-list-car:hover .list-inline>li.small{*/
/*width:20%;*/
/*}*/
.one-peach-list-car .list-inline > li {
  float: left;
  width: 50%;
  text-align: center;
  padding: 6px 0;
}

.one-peach-list-car-body .list-inline > li:first-child {
  cursor: pointer;
  color: #79A9F1;
}

.one-peach-list-car .list-inline > li:nth-child(n+3) {
  display: none;
}

.one-peach-list-car .list-inline:after {
  content: '';
  display: table;
  clear: both;
}

.one-peach-list-car-head {
  font-weight: bold;
  margin-left: 0;
  border-bottom: 1px solid #aaa4a4;
}

.one-peach-list-car-body {
  margin-left: 0;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  overflow: auto;
  top: 70px;
}

.one-peach-list-car-footer {
  text-align: center;
  padding-top: 10px;
}

/**
*框选
*/
.one-peach-region {
  position: absolute;
  bottom: 115px;
  left: 10px;
  z-index: 1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  background: #fff;
  cursor: pointer;
}

/*搜索之后的显示*/
.one-map-marker-site-hint {
  animation: jump 1s linear 4;
  -moz-animation: jump 1s linear 4;
  /* Safari 和 Chrome: */
  -webkit-animation: jump 1s linear 4;
  /* Opera: */
  -o-animation: jump 1s linear 4;
}

@keyframes jump {
  0% {
    margin-top: -15px;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: -15px;
  }
}

@-moz-keyframes jump /* Firefox */
{
  0% {
    margin-top: -15px;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: -15px;
  }
}

@-webkit-keyframes jump /* Safari 和 Chrome */
{
  0% {
    margin-top: -15px;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: -15px;
  }
}

@-o-keyframes jump /* Opera */
{
  0% {
    margin-top: -15px;
  }
  50% {
    margin-top: 0;
  }
  100% {
    margin-top: -15px;
  }
}

/**
*行内表单
*/
.one-form-inline {
  padding-bottom: 10px;
}

.one-form-inline .form-group {
  display: inline-block;
  margin: 0 10px 5px 0;
  width: 22%;
}

.one-form-inline .form-group.one-small-width {
  width: 12%;
}

@media (max-width: 1024px) {
  .one-form-inline .form-group {
    display: inline-block;
    margin: 0 5px;
    width: 20%;
  }
}
@media (min-width: 1300px) {
  .one-form-inline .form-group>div {
    display: inline-block;
    width:70%;
  }
  .one-form-inline .one-small-width>div {
    width:40px;
  }
}
@media (max-width: 768px) {
  .one-form-inline .form-group {
    display: block;
    margin: 0 10px;
    width: 100%;
  }

  .one-form-inline .form-group:nth-child(2) {
    width: 100%;
  }
}

.one-form-inline .form-group.inline {
  display: inline-block;
  margin: 0 5px;
  width: 23%;
}

.one-form-inline .form-group.inline > label {
  padding: 0;
  line-height: 34px;
}

@media (max-width: 992px) {
  .one-form-inline .form-group.inline {
    display: inline-block;
    margin: 0 5px;
    width: 20%;
  }
  .one-form-inline .form-group.inline > label {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .one-form-inline .form-group.inline {
    display: block;
    margin: 0 10px;
    width: 100%;
  }
  .one-form-inline>.btn{
    margin: 10px 15px 0;
  }
}

/**
*框选区域
*/
.one-map-selected-area {
  position: absolute;
  top: 100px;
  width: 600px;
  left: 50%;
  bottom: 10px;
  overflow: auto;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}

/**
* 溯源分析图表F
*/
.one-trace-chart{
  width:100%;
  height: 300px;
}
